<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile"
	template="/templates/mobileTemplate.xhtml">
	
	<ui:define name="content">
		
		<!-- Main View -->
		<pm:view id="home">
			<pm:header title="#{msg['label.aplicacao.nome']}">
                <f:facet name="left"><p:button value="#{msg['botao.sair']}" icon="signout" outcome="sair" /></f:facet>
            </pm:header>
			<pm:content>
				<pm:navBar>
					<p:button value="#{msg['tab.home']}" icon="home"
						styleClass="ui-btn-active" />
					<p:button value="#{msg['tab.pesquisar']}" icon="search"
						href="#pesquisar" />
					<p:button value="#{msg['tab.configuracoes']}" icon="gear"
						href="#configuracoes" />
				</pm:navBar>
			</pm:content>
			<pm:content>
				#{msg['label.home.mensagem1']}                
            </pm:content>
		</pm:view>
		
		<!-- Pesquisar View -->
		<pm:view id="pesquisar">
			<pm:header title="#{msg['label.aplicacao.nome']}">
                <f:facet name="left"><p:button value="#{msg['botao.sair']}" icon="signout" outcome="sair" /></f:facet>
            </pm:header>
			<pm:content>
				<pm:navBar>
					<p:button value="#{msg['tab.home']}" icon="home" href="#home" />
					<p:button value="#{msg['tab.pesquisar']}" icon="search"
						 styleClass="ui-btn-active" />
					<p:button value="#{msg['tab.configuracoes']}" icon="gear"
						href="#configuracoes" />
				</pm:navBar>
			</pm:content>
			<pm:content>
				#{msg['label.pesquisar.mensagem1']}                
            </pm:content>
		</pm:view>
		
		<!-- Configuracoes View -->
		<pm:view id="configuracoes">
			<pm:header title="#{msg['label.aplicacao.nome']}">
                <f:facet name="left"><p:button value="#{msg['botao.sair']}" icon="signout" outcome="sair" /></f:facet>
            </pm:header>
			<pm:content>
				<pm:navBar>
					<p:button value="#{msg['tab.home']}" icon="home" href="#home" />
					<p:button value="#{msg['tab.pesquisar']}" icon="search"
						href="#pesquisar" />
					<p:button value="#{msg['tab.configuracoes']}" icon="gear"
						styleClass="ui-btn-active" />
				</pm:navBar>
			</pm:content>
			<pm:content>
				#{msg['label.configuracoes.mensagem1']}                
            </pm:content>
		</pm:view>
	</ui:define>
</ui:composition>